/*rest css*/
h1, h2, h3, ul, p, dl, dd, input, textarea {
    margin: 0;
    padding: 0;
}

ul, dl {
    list-style: none;
}

i, em {
    font-style: normal;
}

img {
    vertical-align: top;
}

input, textarea {
    border: none;
    outline: none;
}

textarea {
    resize: none;
}

a {
    text-decoration: none;
}

input, dd, span, label, a, li {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    width: 100%;
    height: 100vh;
    font-family: Arial;
    -webkit-text-size-adjust:none;
}


/*#top*/
#top{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:-1;
    /*background-color: #ddd;*/
}
/*#bottom*/
#add2{
    margin-top:829px;
    z-index: 1;
    background: #fff;
    display:none;
}
#add1{
    display:none;
}
.remove {
    margin-top: 162px;
    display: none;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #0ac2c7;
    font-size: 40px;
    font-weight: bold;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.downloadApp {
    width: 100%;
    background: #FFFFFF;
    height: 128px;
    border-bottom:2px solid #eeeeee;
}

.downloadApp>img{
    float: left;
    margin:16.5px 20px 0 24px;
}

.downloadApp>i{
    display: inline-block;
    border:3px solid #0AC2C7;
    color:#0AC2C7;
    border-radius:10px;
    padding:5px 15px 8px;
    float:right;
    margin:30px 20px 0 0;
    font-size: 28px;
}
.downloadApp>a{
    display: inline-block;
    border:3px solid #0AC2C7;
    color:#0AC2C7;
    border-radius:10px;
    padding:5px 15px 8px;
    float:right;
    margin:30px 20px 0 0;
    font-size: 28px;
}
.pic{
    position: relative;
}

.pic>img:first-child{
    width:100%;
    height:530px;
}

.pic>img:nth-child(2){
    position:absolute;
    right:70px;
    top:392px;
}

.mokuai3{
    border-top:10px solid #eee;
    border-bottom:10px solid #eee;
    background-color: #fff;
}

.mokuai3>p:first-child{
    font-size:32px;
    color:#000;
    margin-left:24px;
    margin-right:24px;
    padding-top:20px;
    padding-bottom:14px;
    border-bottom:2px solid #eee;
}

.mokuai3>p:first-child>span:first-child{
    margin-right:20px;
}

.mokuai3>p:last-child{
    padding:14px 0 20px 0;
    margin-left:24px;
    font-size: 28px;
    color:#707070;
}

.mokuai4{
    width:100%;
}
.mokuai4>p{
    margin-left:24px;
    margin-right:24px;
    position: relative;
    border-bottom:2px solid #eee;
    padding:50px 0 20px 0;
}
.mokuai4>p>span{
    font-size: 32px;
}
.mokuai4>p>img{
    position:absolute;
    left:50%;
    top: 0;
    margin-left:-40px;
    margin-top:-30px;
}
.mokuai4 .intro{
    margin-left:24px;
    margin-right:24px;
    border-bottom:2px solid #eee;
}

.mokuai4 .intro:last-child{
    border-bottom:0;
}

.mokuai4 .intro>p:first-child{
    margin:30px 0 20px 0;
    color:#000;
    font-size:32px;
}

.mokuai4 .intro>p:nth-child(2)>img{
    width:80px;
    height:80px;
    border-radius: 50%;
}
.mokuai4 .intro>p:nth-child(2)>span{
    color:#000;
    font-size: 32px;
    height:80px;
    line-height:80px;
    margin-left:20px;
}

.mokuai4 .intro>pre{
    color:#707070;
    font-size:30px;
    margin-top:10px;
    margin-bottom:30px;
}
.mokuai5>ul{
    border-top:10px solid #eee;
}

.mokuai5>ul>li{
    position:relative;
}

.mokuai5>ul>li>p:first-child{
    font-size:32px;
    color:#000;
    margin-left:24px;
    margin-right:24px;
    padding-top:20px;
    padding-bottom:14px;
}
.mokuai5>ul>li>p:first-child>span:first-child{
    margin-right:20px;
}

.mokuai5>ul>li>p:last-child{
    padding:14px 0 20px 0;
    margin-left:24px;
    padding-left:55px;
    margin-right:24px;
    font-size: 28px;
    color:#707070;
    border-bottom:2px solid #eee;
}
.mokuai5>ul>li>img{
    position: absolute;
    top:50%;
    right:20px;
}

.mokuai5>ul>li>img.img1{
    margin-top:-28px;
}

.mokuai5>ul>li>img.img2{
    margin-top:-20px;
}

.more{
    height:80px;
    line-height:80px;
    text-align: center;
    color:#0AC2C7;
    font-size: 32px;
    border-bottom:10px solid #eee;
    border-top:5px solid #eee;
}
.evaluate>p{
    margin:24px;
    color:#000;
    font-size: 32px;
}

.evaluate>ul>li{
    margin:20px 24px 0 24px;
    border-top:2px solid #eee;
    padding-top:20px;
}

.evaluate>ul>li:last-child{
    padding-bottom:20px;
}
.evaluate>ul>li>div{
    color:#000;
    font-size: 32px;
}

.evaluate>ul>li>div>span:last-child{
    float:right;
    color:#CFCFCF;
    font-size: 28px;
}

.evaluate>ul>li>div>img{
    float:left;
    width:56px;
    height:56px;
    border-radius: 50%;
}
.evaluate>ul>li>div>div{
    float:left;
    margin-left: 20px;
}

.evaluate>ul>li>div>div>p:first-child {
    color:#000;
    font-size: 32px;
}

.evaluate>ul>li>div>div>p:last-child {
    color:#707070;
    font-size: 22px;
    margin:10px 0 14px 0;
}

.evaluate>ul>li>pre{
    font-size: 30px;
    color:#000000;
    clear: both;
    margin-left: 76px;
}

.xiao{
    height:70px;
    line-height: 70px;
    text-align: center;
    background-color: #EEEEEE;
    /*margin-bottom:100px;*/
}
.xiao>img{
    margin-top:19px;
}
.more1,.more2{
    display: none;
}

.mp3{
    height:120px;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background-color: #fff;
    display:none;
}
/*.mp3>p{*/
/*float:left;*/
/*width:612px;*/
/*height:4px;*/
/*background-color: #CDCDCD;*/
/*margin:40px 0 10px 24px ;*/
/*position: relative;*/
/*}*/
.mp3>i{
    float:left;
    width:26px;
    height:26px;
    position:absolute;
    left:98px;
    top:29px;
    border-radius: 50%;
    background-color: #0ac2c7;
    z-index: 1000;
}
.mp3>p{
    position:relative;
    float:right;
    margin:40px 40px 0 0;
    width: 612px;
    height: 6px;
}
.mp3>p>span{
    position:absolute;
    display:inline-block;
    height: 6px;
    left:0;
}
.mp3>p>span:nth-child(1){
    z-index: -1;
    width:612px;
    background-color:#cdcdcd;
}
.mp3>p>span:nth-child(2){
    z-index: 0;
    width:0px;
    background-color: #e9e9e9;
}
.mp3>p>span:nth-child(3){
    z-index: 1;
    width:0px;
    background-color: #0ac2c7;
}
/*progress {*/
    /*float:right;*/
    /*margin:40px 40px 0 0;*/
    /*-webkit-appearance: none;*/
    /*width: 612px;*/
    /*height: 6px;*/
    /*background: #CDCDCD;*/
    /*color:  #0ac2c7; /!*IE10*!/*/
/*}*/
/*/!*音频相关*!/*/
/*::-webkit-progress-value { background: #0ac2c7; }*/
/*::-moz-progress-bar { background: #0ac2c7; }*/
/*::-ms-fill { background: #0ac2c7; }*/
/*::-webkit-progress-bar { background: #CDCDCD; }*/
.mp3>img{
    float:left;
    position:relative;
    top:25px;
    left:24px;
}
.mp3>div{
    float:right;
    width:612px;
    position:absolute;
    right:40px;
    top:55px;
}
.mp3>div>span{
    color:#D4D4D4;
    font-size: 24px;
}
.mp3>div>span:first-child{
    float:right;
}
.mp3>div>span:last-child{
    float:left;
}
.click{
    width:750px;
    height:120px;
    display: none;
}
pre{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}


